<?php
include("includes.php");
?>
<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="css.css" />
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script type="text/javascript">
            function limiteResum()
            {
                var textarea = document.getElementById("resumen").value;

                var restante = document.getElementById("restante");

                restante.innerHTML = 840 - textarea.length;

            }

            function sacarImagen()
            {

                document.getElementById("pagina").value++;
                var page = document.getElementById("pagina").value;

                var xmlhttp;
                if (window.XMLHttpRequest)
                {// code for IE7+, Firefox, Chrome, Opera, Safari
                    xmlhttp = new XMLHttpRequest();
                }
                else
                {// code for IE6, IE5
                    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
                }

                xmlhttp.onreadystatechange = function()
                {
                    if (xmlhttp.readyState === 4 && xmlhttp.status === 200)
                    {
                        var arrayimagenes = JSON.parse(xmlhttp.responseText);


                        var num = 0;

                        var div = document.getElementById("imagenes");

                        for (var i = 0; i < arrayimagenes.length; i++)
                        {


                            num++;
                            var imagen = document.createElement("img");
                            imagen.setAttribute("src", "./imagenes/" + arrayimagenes[i]['Id'] + '.' + arrayimagenes[i]['Nombre']);
                            imagen.setAttribute("class", "imaNoticias");

                            var radio = document.createElement("input");
                            radio.setAttribute("type", "radio");
                            radio.setAttribute("name", "imagen");
                            radio.setAttribute("required", "required");
                            radio.setAttribute("value", arrayimagenes[i]['Id']);



                            div.appendChild(radio);
                            div.appendChild(imagen);

                            if (num === 3)
                            {
                                var br = document.createElement('br');

                                div.appendChild(br);
                                num = 0;
                            }

                        }
                    }
                };

                xmlhttp.open("GET", "masImagenes.php?page=" + page, true);

                xmlhttp.send();

            }
        </script>
        <title>Hookem</title>
    </head>
    <body>
        <div id="contenedor">

            <!--...................Barra superior, logo y menu...........................-->   
            <?php
            include("cabecera.php");
            ?>


            <!--...................PARTE IZQUIERDA...........................-->        
            <div class="cuerpo">
                <div class="cuerpoizq">

                    <?php
                    $user = $_SESSION['user'];
                    if (isset($_SESSION['user']))
                    {
                        $user = $_SESSION['user'];
                        if ($user->getAdmin())
                        {
                            $categoria = categoriaQuery::create()->findPk(1);

                            $subforos = $categoria->getforeign_subfoross();

                            $noticia = postQuery::create()->findPk($_GET['id']);
                            $resumen = explode("[lm]", $noticia->getTexto());
                            ?>

                            <form id="nuevaCat" method="post" action="cambiarNoticia.php">

                                Titulo<input type="text" name="titulo" required value="<?php echo $noticia->getTitulo(); ?>"/><br />
                                 Resumen  <span id="restante">840</span><br />
                                <textarea id="resumen" style="resize: vertical" name="resumen" rows="10" cols="50" maxlength="840" required oninput="limiteResum();"><?php echo $resumen[0]; ?></textarea><br />
                                Texto<br />
                                <textarea style="resize: vertical" name="texto" rows="10" cols="50"  required ><?php echo $resumen[1]; ?></textarea><br />
                                <input type="number" style="display: none" name="id" value="<?php echo $_GET['id']; ?>"/>
                                Subforo<select name='subforo'>
                                    <?php
                                    foreach ($subforos as $sub)
                                    {
                                        echo '<option ';
                                        if ($sub->getId() == $noticia->getSubforo())
                                        {
                                            echo 'selected ';
                                        }
                                        echo 'value="' . $sub->getId() . '">' . $sub->getNombre() . '</option>';
                                    }
                                    ?>
                                </select><br />
                                <input id="pagina" type="number" name="pagina" style="display: none" value="1"/>
                                <button type="submit">Crear</button>
                                <div id="imagenes">

        <?php
        $imagenes = imagenesQuery::create()
                ->orderByFecha('desc')
                ->paginate(1, 12);

        $num = 0;
        $img1 = null;
        $img2 = null;
        foreach ($imagenes as $img)
        {
            echo "<input type='radio' value='" . $img->getId() . "' name='imagen' align='TEXTTOP' /><img class='imaNoticias' src ='imagenes/" . $img->getId() . "." . $img->getNombre() . "' />";

            $num++;
            if ($num == 1)
            {
                $img1 = $img;
            }
            if ($num == 2)
            {
                $img2 = $img;
            }

            if ($num == 3)
            {

                echo ' <br />';
                $num = 0;
            }
        }
        ?>

                                </div>

                            </form>
                            <br />
                            <center><button style="alignment-adjust: central" onclick="sacarImagen();">Cargar Mas</button></center>


        <?php
    } else
    {

        echo '<p>No eres admin<p>';
    }
} else
{
    echo '<p>No estas logueado</p>';
}
?>
                </div>
                    <?php
                    include("barraDerecha.php");
                    ?>
            </div>


            <!--....................PARTE DERECHA..........................-->


        </div>    
    </body>
</html>